@charset "utf-8";
/* CSS Document */

/* ------TITRE PRESENTATION */
.titre-presentation1{
	text-transform:uppercase;
	font-size:42px;
	font-weight:800;
	color:#009;
	letter-spacing: 10px;
	text-align:center;
}

.titre-presentation2{
	text-transform:uppercase;
	font-size:32px;
	font-weight:800;
	color:#096;
	letter-spacing: 10px;
	text-align:center;
}

.p-contenu-presentation{
	font-size:28px;
	text-align:justify;
	line-height : 28px;
}
.bg-titre-presentation{
	background-image:url(../mes%20images/bg-titre-presentation.jpg);
	background-repeat:no-repeat;
}

/* ------ACCORDEON------------- */

.paral-accordeon {
	min-height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}

.bg-accordeon {
	background-image:url(../img/img-laboratoire.jpg);
}


.p-accordeon{
	text-transform:uppercase;
	font-weight:700;
	font-style:italic;
	font-size:15px;
	color:#666;
}
.p-accordeon2{
	font-style:italic;
	font-size:15px;
	color:#666;
	margin-left:50px;
}
.span-accordeon{
	text-transform:uppercase;
	font-style:italic;
	font-size:12px;
}
.scollbar-accordeon{
	float:left;
	width:545px;
	overflow-y: auto;
	height: 387px;
	background-color:#E3F1F2;
}

.img-accordeon {
  width: 485px;
  height:372px;
  display: block;
  margin-left: 40px;
  margin-top:40px;
}
.contenu-accordeon3{
	margin-left:25px;
}

/* ------MENU CHOIX-------------- */

.p1{
	text-transform:uppercase;
	font-size:20px;
	text-align:center;
	font-weight:500;
	color:#FFF;
}
.p2{
	text-transform:uppercase;
	font-size:25px;
	text-align:center;
	font-weight:400;
	color:#FFF;
}
.p3{
	font-size:18px;
	text-align:center;
	margin:5px;
	font-weight:400;
	color:#FFF;
}
.icone1{
	background-color:#3892BC;
}
.icone2{
	background-color:#3283BE;
}
.icone3{
	background-color:#749CBA;
}

.arrondie {
-moz-border-radius:20%;
-webkit-border-radius:20%;
border-radius:20%;
}
.marge-top{
	margin-top:-30px !important;
}

/* ------ESPACE PATIENT------------- */

.h5-espacePatient1{
	text-transform:uppercase;
	font-size:20px;
	text-align:center;
	font-weight:500;
}
.h5-espacePatient2{
	text-transform:uppercase;
	font-size:18px;
	text-align:center;
	font-weight:400;
}

/* ------DIVERS------------- */

.text-center{
	text-align:center;
}
.text-left{
	text-align:left
}
.hauteur-lign{
	line-height : 5px;

}
.arrondie2{
-moz-border-radius:35%;
-webkit-border-radius:35%;
border-radius:35%;
}
.h3-ombreTexte{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
	font-size:36px;
}
.p-color-bleu{
	color:#06F;
}
.p-color-gris{
	color:#666;
}
.p-color-gris2{
	color:#666 !important;
}
.font-size1{
	font-size:12px;
}
.texte-majuscule{
	text-transform:uppercase;
}
.padding-top{
	margin-top:150px;
}
.mot-majuscule{
	text-transform:uppercase;	
}


/* ------ORGANISATION HORAIRE------------- */

.color-colonne1{
	background-color:#81989e;
	height:500px;

}
.color-colonne2{
	background-color:#33c9d3;
	height:500px;
}
.hauteur-ligne{
	line-height:10px;
}
.hauteur-ligne2{
	line-height:5px;
}

.table-coordonnees1{
	width:850px;	
	padding-top:50px;
    padding-left:400px;
	text-align:left;
	color:#FFF;
}
.table-coordonnees2{
	width:850px;	
	padding-top:50px;
    padding-left:100px;
	text-align:left;
	color:#FFF;
}


/* ------BG SECTIONS------------- */

	.patient-section{
    background-color: #FFFFFF;
	background-image:url(../img/img-secretaire.jpg);
    background-repeat: repeat;
	height:750px;
    background-position: center top;
    -moz-background-size: auto;
    background-size: auto;
    border-top: 1px solid rgb(236, 236, 236);
    border-bottom: 1px solid rgb(238, 238, 238);
}
	.accordeon-section{
    background-color: #FFFFFF;
	background-image:url(../img/homebenner.png);
    background-repeat:no-repeat;
	height:550px;
    background-position: center top;
    -moz-background-size: auto;
    background-size: auto;
    border-top: 1px solid rgb(236, 236, 236);
    border-bottom: 1px solid rgb(238, 238, 238);
}

/* ---------STYLE TEXTE---------- */

.transfo-texte1{
text-shadow: 1px 1px 2px #FFF;
}
.transfo-texte2{
	letter-spacing: 20px;
}
.transfo-texte3{
	letter-spacing: 10px;
}
.transfo-texte4{
	text-shadow: 1px 1px 2px #000;
	color:#09F;
}



/* ---------STYLE CONTAINER---------- */

.container-styl1{
	padding-left:150px;
	padding-right:150px;
}

.cercle {
    width: 385px;
    height: 200px;
	border-width: 1em;
    border-radius: 20px;
    background: #CCC;
	opacity:0.6;
}

/* ---------bg-image-fixe---------- */

.paral {
	min-height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}

.img-parallax {
	background-image:url(../img/photo-bandeau-anime-espace-patients.jpg);
}
.paral2 {
	min-height: 1000px;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}

.img-parallax2 {
	background-image:url(../img/photo-bandeau-anime-espace-patients.jpg);
}
.contenu-recrutement{
	height:900px;
	background-color:#FFF;
	padding-left:15px;
}
.footer-tags{
    color: #fff;
    background: #0CF;
    padding: 5px 10px;
    margin-bottom: 7px;
    display: inline-block;
    font-size: 14px;
	font-weight: 500;
}
.footer-tags2{
    color: #333;
    background: #6FC;
    padding: 5px 10px;
    margin-bottom: 7px;
    display: inline-block;
    font-size: 14px;
	font-weight: 500;
}
.scroller {
  height: 900px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple #FFF;
  scrollbar-width: thin;
}